

html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th,td,  article, aside, details, embed, figure, figcaption,
footer, header, menu, nav, output, ruby, section,
summary, time, mark, audio, video, input{
  font-size: .40rem;
  line-height: 1.6;
  letter-spacing: .1em;
  padding: 0;
  margin: 0;
  word-break: break-all;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  font-family:"Helvetica Neue",  Helvetica, Arial, Consolas, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}

html,
body {
  width: 100%;
  height: 100%;
  // 去掉竖条
  overflow-y: hidden;
}
.article{
  width: 100%;
  padding: .24rem;
  background-image: linear-gradient(90deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%), linear-gradient(360deg, rgba(50, 0, 0, 0.05) 3%, rgba(0, 0, 0, 0) 3%);
  background-size: 0.533rem 0.533rem;
  p{
    margin-bottom: .32rem;
    color: #919191;
  }
  code{
    font-family: "YaHei Consolas Hybrid",Consolas,"Meiryo UI","Malgun Gothic","Segoe UI","Trebuchet MS",Helvetica,monospace,monospace;
    color: #abb2bf;
    background: #282c34;
    border-radius: .2em;
    box-shadow: -1Px 0.16rem 0.266rem #b4b4b4;
    padding: 0 .12rem;
    margin: 0 .12rem;
  }
  code span{
    font-family: "YaHei Consolas Hybrid",Consolas,"Meiryo UI","Malgun Gothic","Segoe UI","Trebuchet MS",Helvetica,monospace,monospace;
  }
  blockquote{
    color: #666;
    padding: .32rem .64rem;
    margin: .58rem 0;
    border-left: .146rem solid #cbcbcb;
    background-color: #f8f8f8;
    border-radius:.12rem 0 0 .12rem;
    box-shadow: 1px .053rem .16rem #d4d4d4;
    >p{
      font-size: .32rem;
      margin-bottom: 0;
    }
  }
  h1, h2, h3, h4, h5, h6,li, span{
    padding: .32rem 0;
  }
  h1 {
    position: relative;
    padding-left: .48rem;
    &::after {
      content: '';
      width:.16rem;
      height: 62%;
      position: absolute;
      left: 0;
      top: 50%;
      border-radius: .213rem;
      transform: translateY(-50%);
      background-color: #007AFF;
    }
  }
  ul,
  li {
    list-style: none;
  }
  a {
    text-decoration: none;
    color: #74b7ff;
    font-size: .32rem;
    cursor: pointer;
  }
  input[type="file"] {
    display: none;
  }
  img{
    width: 100%;
    object-fit: cover;
  }
  li{
    color: #919191;
    position: relative;
    padding-left: .32rem;
    &:after{
      content: ' ';
      width: .14rem;
      height: .14rem;
      border-radius: 50%;
      background-color: #919191;
      position: absolute;
      left: 0;
      top: .48rem;
    }
  }
  hr{
    color:#f8f8f8;
  }
  strong{
    font-weight: 800;
    color: #333333;
  }
  h1, h2, h3, h4, h5, h6{
    font-weight: 600;
    color: #000000;
  }
  h1{
    font-size: .586rem;
  }
  h2{
    font-size: .533rem;
  }
  h3{
    font-size: .48rem;
  }
  h4{
    font-size:.426rem;
  }
  h5{
    font-size: .37rem;
  }
  h6{
    font-size: .32rem;
  }


  /*table start*/
  table{
    width: 100%;
    border:solid #b7b7b7;
    border-width:1Px 0 0 1Px;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: .32rem;
    background-color: #ffffff;
  }
  table tbody tr{
    height: .533rem;
    line-height: .533rem;
  }
  table tbody tr.odd{
    background-color: #fff;
  }
  table tbody tr.even{
    background-color: #F5F5F5;
  }
  table tbody tr:hover{
    background-color: #eee;
  }
  thead{
    background-color: #cecece;
  }
  table thead tr th,table tbody tr td{
    padding:.32rem;
    text-align: left;
    border:solid #b7b7b7;
    border-width:0 1Px 1Px 0;
  }
  table tbody tr th{
    font-weight: bold;
    text-align: center;
  }

  table tbody tr td.tac{
    text-align: center;
  }
  table tbody tr td a:hover{
    color:#0080c0;
  }
  /*table end*/
  pre{
    margin: 0.533rem 0;
  }
  .hljs{
    border-radius: .4em;
    box-shadow: -1Px 0.16rem 0.266rem #b4b4b4;
    margin: 0;
    padding: .32rem;
  }
}

